<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>com.weather</title>
	<link rel="stylesheet" type="text/css" href="css/index.css"> 
    <script type="text/javascript" src="js/move.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<div class="nav">
	<div class="logo"><img src="img/logo.png">com.weather</div>
	<div class="container">
	<ul class="user">
			<li><a href="login.html">登录</a></li>
			<li><a href="register.html">注册</a></li>
		</ul>
		<ul class="function">
			<li><a href="index.html">首页</a></li>
			<li><a href="Article.html">推荐文章</a></li>
			<li><a href="#">留言</a></li>
		</ul>
	</div>
</div>

<div class="site-title">
<img src="img/site-title.png">
</div>

<div id="box">
	<ul id="lb">
		<li><img src="img/1.jpg"></li>
		<li><img src="img/2.jpg"></li>
		<li><img src="img/3.jpg"></li>
		<li><img src="img/4.jpg"></li>
		<li><img src="img/5.jpg"></li>
	</ul>
	<ol id="lb-list">
		<li class="active"></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ol>
</div>

<div id="article">
	<div class="climate">
		<span>气候变化</span>
	</div>

	<div class="climate-article">
		<div class="panel1">
			<a href="http://www.weather.com.cn/climate/2014/08/qhbhyw/2168165.shtml" target="_blank"><img src="img/pic1.jpg" ></a>
			<a href="http://www.weather.com.cn/climate/2014/08/qhbhyw/2168165.shtml" target="_blank">气候变暖，请珍惜每一杯阿拉比卡</a>
		</div>

		<div class="panel2">
			<ul>
				<li><a href="http://www.weather.com.cn/climate/2014/08/qhbhyw/2169625.shtml" target="_blank">全球气候变暖将导致粮食危机风险大增</a></li>
				<li><a href="http://www.weather.com.cn/climate/2014/08/qhbhyw/2169616.shtml" target="_blank">NGO推动“通用磨坊”采取行动改善气候变化</a></li>
				<li><a href="http://www.weather.com.cn/climate/2014/08/qhbhyw/2167753.shtml" target="_blank">西伯利亚神秘洞穴释放温室气体加剧全球变暖</a></li>
				<li><a href="http://www.weather.com.cn/climate/2014/07/qhbhyw/2166971.shtml" target="_blank">水晶邮轮公司开设北极航线 美景尽收眼底</a></li>
				<li><a href="http://www.weather.com.cn/climate/2014/07/qhbhyw/2166979.shtml" target="_blank">专家称牛肉生产导致的碳排放甚于汽车</a></li>
				<li><a href="http://www.weather.com.cn/climate/2014/07/qhbhyw/2166974.shtml" target="_blank">韩预测6年后将发生酷暑或因气候变化引起</a></li>
				<li><a href="http://www.weather.com.cn/climate/2014/07/qhbhyw/2166421.shtml" target="_blank">破解城市热岛现象 潮湿气候尤其显著</a></li>
				<li><a href="http://www.weather.com.cn/climate/2014/07/qhbhyw/2163190.shtml" target="_blank">鸟类之死无关高温有关降水</a></li>
			</ul>
		</div>
	</div>
	<div class="life">
		<span>生活天气</span>
	</div>
	<div class="life-article">
		<div class="panel1">
			<div class="news-panel1">
				<a href="http://www.weather.com.cn/life/2014/08/gdt/2167696.shtml" target="_blank"><img src="img/pic2.jpg" width="100px" height="100px"></a>
				<a href="http://www.weather.com.cn/life/2014/08/gdt/2167696.shtml" target="_blank">驱虫产品或伤肺患癌</a>
				<span >许多驱蚊类产品只在浪费金钱，更有些还会造成患癌风险，严重威胁我们的肺部健康。</span>
		    </div>
			
		    <div class="news-panel2">
				<a href="http://www.weather.com.cn/life/2014/08/gdt/2167988.shtml" target="_blank"><img src="img/pic3.jpg" width="100px" height="100px"></a>
				<a href="http://www.weather.com.cn/life/2014/08/gdt/2167988.shtml" target="_blank">七夕性感礼物亮瞎双眼</a>
				<span>一年一度的“七夕”情人节即将到来，各种七夕节的创意礼物又在网上开始热卖。</span>
			</div>

		</div>
		<div class="panel2">
			<ul>
				<li><a href="http://www.weather.com.cn/life/2014/08/gdt/2168561.shtml" target="_blank">凉拌菜不能隔夜放！夏日吃凉菜有讲究</a></li>
				<li><a href="http://www.weather.com.cn/life/2014/08/gdt/2168084.shtml" target="_blank">推荐夏日厨房12个田园风格装饰搭配</a></li>
				<li><a href="http://www.weather.com.cn/life/2014/07/gdt/2167361.shtml" target="_blank">上班族夏季“带饭”有学问</a></li>
				<li><a href="http://www.weather.com.cn/life/2014/07/gdt/2167045.shtml" target="_blank">喝茶过浓容易“醉”！</a></li>
				<li><a href="http://www.weather.com.cn/life/2014/07/gdt/2167597.shtml" target="_blank">夏季车内瓶装水有毒？结果被否定</a></li>
				<li><a href="http://www.weather.com.cn/life/2014/07/gdt/2167370.shtml" target="_blank">夏日新福利：会变色的冰淇淋</a></li>
				<li><a href="http://www.weather.com.cn/life/2014/07/gdt/2167017.shtml" target="_blank">夏季自驾游注意啥</a></li>
				<li><a href="http://p.weather.com.cn/2014/07/tqsh/2166664.shtml" target="_blank">网友将冰雹做成一道菜</a></li>
			</ul>
		</div>
	</div>
	<div class="travel"><span>旅游天气</span></div>
	<div class="travel-article">
		<div class="news-panel1">
			<a href="http://www.tourweather.com.cn/index/tytx/2014/08/2171395.shtml" target="_blank"><img src="img/pic4.jpg" width="200px" height="150px" style="margin-top: 10px;"></a>
			<a href="http://www.tourweather.com.cn/index/tytx/2014/08/2171395.shtml" target="_blank"><span>畅游美国66号公路</span></a>
		</div>

		<div class="news-panel2">
			<ul>
				<li><a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2171330.shtml" target="_blank">清真古寺经历强震完好无损</a></li>
				<li><a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2171262.shtml" target="_blank">鲁甸地震暂未影响云南景区旅游</a></li>
				<li><a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2169809.shtml" target="_blank">北方多阵雨 内蒙旅游正当季</a></li>
				<li><a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2171283.shtml" target="_blank">堰塞湖不断升高 村民全部撤离</a></li>
				<li><a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2169775.shtml" target="_blank">夺人眼球的旅行照</a></li>
				<li><a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2169644.shtml" target="_blank">14年以来云南最强地震</a></li>
			</ul>
		<div class="news-panel3">
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2168240.shtml" target="_blank"><img src="img/pic5.jpg" width="50px" height="50px" ></a>
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2168183.shtml" target="_blank"><img src="img/pic6.jpg" width="50px" height="50px" ></a>
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2168188.shtml" target="_blank"><img src="img/pic7.jpg" width="50px" height="50px" ></a>
            <a href="http://www.tourweather.com.cn/gntq/gnly/2014/07/2167299.shtml" target="_blank"><img src="img/pic8.jpg" width="50px" height="50px" ></a>
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/07/2167355.shtml" target="_blank"><img src="img/pic9.jpg" width="50px" height="50px" ></a>
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/07/2167328.shtml" target="_blank"><img src="img/pic10.jpg" width="50px" height="50px" ></a>
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2168240.shtml" target="_blank" >婚礼圣地</a>
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2168183.shtml" target="_blank" >汽车墓地	</a>
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/08/2168188.shtml" target="_blank" >音乐喷泉</a>
            <a href="http://www.tourweather.com.cn/gntq/gnly/2014/07/2167299.shtml" target="_blank" >拉姆拉措</a>
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/07/2167355.shtml" target="_blank" >独特摄影</a>
            <a href="http://www.tourweather.com.cn/index/lytqkx/2014/07/2167328.shtml" target="_blank" >麦田怪圈</a>

        </div>

	    </div>
	</div>
</div>
</body>
</html>